@use '@angular/material' as mat;


@mixin ngm-scrollbar-color($config-or-theme) {
  .ngm-scrollbar {
    /* width */
    &::-webkit-scrollbar {
      width: 20px;
    }

    /* Track */
    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey;
      border-radius: 10px;
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
      background: red;
      border-radius: 10px;
    }

    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
      background: #b30000;
    }
  }
}

@mixin ngm-scrollbar-density($config-or-theme) {
}

@mixin ngm-scrollbar-theme($theme-or-color-config) {
  $theme: mat-private-legacy-get-theme($theme-or-color-config);
  @include mat-private-check-duplicate-theme-styles($theme, 'ngm-scrollbar') {
    $color: mat.get-color-config($theme);
    $density: mat.get-density-config($theme);
    $typography: mat-get-typography-config($theme);

    @if $color != null {
      @include ngm-scrollbar-color($color);
    }
    @if $density != null {
      @include ngm-scrollbar-density($density);
    }
    // @if $typography != null {
    //   @include mat.button-toggle-typography($typography);
    // }
  }
}
